<!DOCTYPE html>
<html>
	<meta charset="UTF-8">
	<head>
		<meta charset="utf-8" />
		<title>个人主页</title>
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/photograph.css" />
	</head>
	<body>
		<div class="header-bar" id="header-bar" style="display: none;">
			<span> <a href="index.html">首页</a></span>
			<span><a href="photograph.html">个人风采</a></span>
			<span><a href="about.html">关于我</a></span>
		</div>
		<div class="photo-page" id="top-banner">
			<div class="banner-wrapper" >
				<h3>This is my gallery</h3>
			</div>
			<div class="gallery-wrapper">
				<div class="item">
					<div class="img-items">
						<img src="image/banner2.jpg" alt="">
					</div>
				</div>
				<div class="item">
					<div class="img-items">
						<img src="image/banner3.jpg" alt="">
					</div>
				</div>
				<div class="item">
					<div class="img-items">
						<img src="image/banner4.jpg" alt="">
					</div>
				</div>
			</div>
			
			<div class="gallery-list">
				<div class="item">
					<div class="img-items">
						<img src="image/img9.jpg" alt="">
					</div>
				</div>
				<div class="item">
					<div class="img-items">
						<img src="image/img10.jpg" alt="">
					</div>
				</div>
				<div class="item">
					<div class="img-items">
						<img src="image/img11.jpg" alt="">
					</div>
				</div>
				<div class="item">
					<div class="img-items">
						<img src="image/img12.jpg" alt="">
					</div>
				</div>
			</div>
			<div class="gallery-list">
				<div class="item">
					<div class="img-items">
						<img src="image/img1.jpg" alt="">
					</div>
				</div>
				<div class="item">
					<div class="img-items">
						<img src="image/img2.jpg" alt="">
					</div>
				</div>
				<div class="item">
					<div class="img-items">
						<img src="image/img3.jpg" alt="">
					</div>
				</div>
				<div class="item">
					<div class="img-items">
						<img src="image/img4.jpg" alt="">
					</div>
				</div>
			</div>
			<div class="gallery-list">
				<div class="item">
					<div class="img-items">
						<img src="image/img5.jpg" alt="">
					</div>
				</div>
				<div class="item">
					<div class="img-items">
						<img src="image/img6.jpg" alt="">
					</div>
				</div>
				<div class="item">
					<div class="img-items">
						<img src="image/img7.jpg" alt="">
					</div>
				</div>
				<div class="item">
					<div class="img-items">
						<img src="image/img8.jpg" alt="">
					</div>
				</div>
			</div>
			
		</div>
		<a id="go-banner" type="button" href="#top-banner" style="display: none;"><i class="iconfont">&#xe6b1;</i></a>
	
	</body>
	<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<script type="text/javascript" src="js/photo.js">
		
	</script>
	
</html>